<template>
  <div class="base-b">
    <div>我是B组件（发送方）</div>
    <button @click="sendMsgFn">发送消息</button>
  </div>
</template>

<script>
import Bus from '../utils/EventBus'
export default {
  data() {
    return {
      text: '我是B组件中的数据',
    }
  },
  methods: {
    sendMsgFn() {
      // Bus.$emit('自定义的事件名','要发送的数据')
      // 1.发送方传数据 调用 事件总线的$emit
      Bus.$emit('sendMsg', this.text)
    },
  },
}
</script>

<style scoped>
.base-b {
  width: 200px;
  height: 200px;
  border: 3px solid #000;
  border-radius: 3px;
  margin: 10px;
}
</style>